@import '@/styles/variables.scss';
::v-deep .el-autocomplete-suggestion {
    width: auto !important;
}
.newDrugs {
    box-sizing: border-box;
    min-width: 1200px;
}
::v-deep .el-input__inner {
    //text-align: center;
}
::v-deep .el-input__inner::placeholder {
    // padding-left: 30px !important;
}
.total-main {
    max-height: calc(100vh - 122px);
    overflow: auto;
}

::v-deep .el-input-group__append {
    text-align: center;
    padding: 0;
    width: 100%;
    .el-input__inner {
        width: 100%;
    }
}

.main {
    ::v-deep .default_sell_number_unit .el-input--suffix .el-input__inner {
        padding-right: 30%;
    }
    /*  ::v-deep .number_unit,
    default_sell_number_unit .el-input--suffix .el-input__inner {
        padding-right: 30%;
    } */
    ::v-deep .number_unit .el-input--suffix .el-input__inner {
        padding-right: 30%;
    }
    .el-input__suffix {
        width: 30%;
    }
    /*  ::v-deep .el-input-group__append .el-select,
    .el-input-group__append .el-button,
    .el-input-group__prepend .el-select,
    .el-input-group__prepend .el-button {
        margin: -12px -20px;
    } */
    .el-date-editor {
        width: 100%;
    }
    .el-radio-group {
        width: 100%;
    }
    margin: 0 $block-x;
    .el-select {
        width: 100%;
    }
    .el-autocomplete {
        width: 100%;
    }

    .el-select-group__title {
        padding: 5px !important;
    }
    .div {
        margin: $block-y 0;
        height: $title-bg-size;
        background-color: $table-top-bg;
        display: flex;
        align-items: center;
        .h1 {
            margin-left: $block-x;
        }
    }
    .el-form-item {
        display: flex;
        margin-right: 0;
        width: 90%;
        ::v-deep .el-form-item__label {
            width: 90px;
        }
        ::v-deep .el-form-item__content {
            flex: 1;
        }
    }

    .left {
        .el-form-item {
            float: left;
        }
    }
    .center {
        display: flex;
        justify-content: center;
    }
    .right {
        .el-form-item {
            float: right;
        }
    }
    .el-radio {
        text-align: center;
    }

    .el-radio.is-bordered.is-checked {
        border-color: #dcdfe6;
    }

    ::v-deep .el-autocomplete {
        .el-input__inner {
        }
    }

    .norms {
        .inline-input {
            ::v-deep .el-input__inner {
                width: 100%;
            }
        }
        .inline-input.dose_unit {
            width: 50%;
        }
        .dose {
            width: 50%;
            ::v-deep .el-input__inner {
                width: 50%px;
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
            }
        }
        .dose_unit {
            width: 50%;
            ::v-deep .el-input__inner {
                border-bottom-left-radius: 0;
                border-top-left-radius: 0;
            }
        }
        .select.is-disabled {
            ::v-deep .el-input__inner {
                background-color: #f5f7fa;
            }
        }
        ::v-deep .el-input.is-disabled .el-input__inner {
            background-color: #f5f7fa;
        }

        .select {
            /*  background-color: #f5f5f5; */
            width: 20%;
            ::v-deep .el-input__inner {
                background-color: $table-top-bg;
                padding-left: 10px;
                border-left: none;
                border-color: $border-color;
                border-bottom-left-radius: 0;
                border-top-left-radius: 0;
            }
        }
        .number_unit {
            ::v-deep .el-input__inner {
                padding-left: 0px;
                text-align: center;
            }
        }
        .default_sell_number_unit {
            ::v-deep .el-input__inner {
                padding-left: 0px;
                text-align: center;
            }
        }

        .input-number-unit {
            ::v-deep .el-input__inner {
                width: 100%;
            }
        }
        .input-piece_num {
            width: 80%;
            ::v-deep .el-input-group__append {
                width: 50% !important;
            }
            ::v-deep .el-input__inner {
                padding: 0 5px;
                width: 45%px;
                //text-align: center;
                /* border-radius: 0; */
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
            }
        }
        ::v-deep .input-piece_unit {
            width: 20%;
            ::v-deep el-input--suffix {
                padding: 0 5px;
                width: 60%;
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
            }
            .el-input__inner {
                text-align: center;
                padding-left: 0;
                border-bottom-left-radius: 0;
                border-top-left-radius: 0;
            }
            .el-input__inner::placeholder {
            }
        }
    }
    ::v-deep .leftRadio {
        width: 50%;
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    ::v-deep .rightRadio {
        width: 50%;
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }
    ::v-deep .el-input-group {
        padding: 6px 0;
    }
    ::v-deep .el-input-group__append {
        .el-select {
            width: 100%;
        }
        text-align: center;
        padding: 0;
        width: 20% !important;
        .el-input__inner {
            width: 100% !important;
        }
    }

    /*  */
}
::v-deep .el-dialog {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: calc(100% - 30px);
    max-width: calc(100% - 30px);
    width: 460px;
    height: 336px;
    background: #ffffff;
    border-radius: 10px;
    .el-dialog__header {
        border-bottom: 1px solid #ccc;
    }
    .el-dialog__body {
        flex: 1;
        overflow: auto;
        padding: 0 !important;
        .div_title {
            font-size: 16px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: #333333;
            width: 100%;
            height: 100px;
            line-height: 222px;
            text-align: center;
        }
    }
}
::v-deep .el-select-group__title {
    padding-left: 4px;
}
::v-deep.el-select-dropdown.el-popper {
    min-width: 70px !important;
}
.splitPieceWarn {
    float: left;
    height: 0;
    width: 100%;
    color: #e6a23c;
    padding-top: 5px;
    font-size: 14px;
    line-height: 14px;
}
.splitPieceWarn > span {
    font-size: 14px;
    color: red;
    line-height: 14px;
}
::v-deep .el-input-number .el-input__inner {
    text-align: left;
}
::v-deep .inline-input.el-input-number.is-without-controls {
    width: 100%;
}
